// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import router from './router'
import AppSzq from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
//  <容器>
//     <模板>
//        <组件>
                // ...
                // <router-view/>   ->>路由
                // ... 
//         </组件>
//     </模板>
//   </容器>


// -----------------------------------------------------------------
// <div id="#app123">                       ->>容器 会被替换掉 app456
//     <div id="app456">                    ->>模板->>组件->>包含的元素
          // <img src="./assets/logo.png">
          // <router-view/>                 ->>路由
//     </div>
// </div>

// ↓↓↓↓↓↓↓↓↓↓最终变成这样↓↓↓↓↓↓↓↓↓↓
//     <div id="app456">   
          // <img src="./assets/logo.png">
          // <router-view/>                 ->>路由
//     </div>

  // （容器）挂载HTML元素ID号
  el: '#app123', // 会被 app456替换掉。HTML里面只会出现 app456
  router,

  // （组件） 挂载模板上的组件
  components: { 'AppSzqbc':AppSzq,'AppSzqbc12':AppSzq },

  // （模板）-》 模板使用了组件 AppSzqbc12 （按需切换）
  template: '<AppSzqbc12><AppSzqbc12/>'
})

